@CHARSET "ISO-8859-1";
	
	html,body
	{
		margin:0;
		padding:0;
		background-color:#0000FF;
	}
	
	
	#container
	{
		margin:0;
		padding:0;
		height:auto;
		width:auto;
	}
	
		#slidebar
		{
			height:250px;
			background-color:red;
			width:100%;
		}
		
		#slidebarClick{
			height:25px;
			background-color:red;
			width:100%;
		}
	
	.decksOverview
	{
		padding:20px;
		height:auto;
		width:auto;
	}
	/*
	.deck
	{
		width:250px;
		height:180px;
		float:left;
		margin-right:50px;
		
		background-color:#FFF;
		
		border-color:rgba(50, 50, 50, 0.75);
		border:solid 2px;
		
		-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	}
	*/

	.stackContainer
	{
		float:left;
		margin:5px;
		padding:0;
		width:282px;
	}
	
	.stackList
	{
		margin-right:100px;
		border:solid 2px rgba(50, 50, 50, 0);
		height:auto;
		width:270px;
		padding:10px;
		float:left;
		
		 list-style-type: none;
	}
		.stackHeader
		{
			height:20px;
			width:auto;
			margin-bottom:40px;
			padding-left:10px;
		}
		
		
	
	.card
	{
		width:250px;
		height:180px;
		
		background-color:#FFF;
		
		border-color:rgba(50, 50, 50, 0.75);
		border:solid 2px;
		
		padding:10px;
		
		-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	}
		.cardName
		{
			font-weight:bold;
			text-align:center;
		}
		
		.cardShortDescription
		{
			text-align:justify;
		}
		

	.cardInStack
	{
		margin-top:-50px;
	}
		.first{
			background-color:#00FFFF;
		}
	
		.red
			{
				background-color:#FF0000;
			}
			
			.green
			{
				background-color:#00FF00;
			}
			
			.yellow
			{
				background-color:#FFFF00;
			}